<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <title>淮舟装饰</title>
  <link rel="stylesheet" href="css/base.css" />
  <link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="css/slick.css" />
  <link rel="stylesheet" href="css/content.css" />
  <link rel="stylesheet" href="css/media.css" />
</head>

<body>
  <div class="header wow fadeIn">
    <!-- topbar -->
    <div class="top_bar">
      <div class="wid clearfix">
        <div class="bar_left fl clearfix"> <span class="bar-address">成都</span> <a href="" class="switch-btn">[切换]</a>
        </div>
        <div class="bar_right fr clearfix">
          <div class="bar-item fl">欢迎来到淮舟装饰！</div>
          <div class="bar-item fl">客服热线：000-000000000</div>
          <div class="bar-item fl clearfix"> <a href="">登陆</a><span class="line">|</span><a href="">注册</a> </div>
        </div>
      </div>
    </div>
    <!-- topbar-end -->
    <div class="menuBtn"></div>
    <div class="inside wid clearfix">
      <div class="logo fl"> <a href="index.html"><img src="images/logo.png" /></a><img src="./images/header-img.png"
          class="header-img" /> </div>
      <!-- 手机端logo -->
      <div class="mobile-logo fl"> <a href="index.html"><img src="images/logo2.png" /></a> </div>
      <!-- 手机端logo-end -->
      <div class="nav fr">
        <ul class="clearfix">
          <li class="active"><a href="index.html">网站首页</a></li>
          <li><a href="about.html">关于淮舟</a>
            <dl>
              <dd><a href="">关于淮舟</a></dd>
              <dd><a href="">关于淮舟</a></dd>
            </dl>
          </li>
          <li><a href="team.html">设计团队</a></li>
          <li><a href="case.html">装修案例</a></li>
          <li><a href="technology.html">施工工艺</a></li>
          <li><a href="scene.html">施工现场</a></li>
          <li><a href="material.html">主材同盟</a></li>
          <li><a href="activities.html">优惠活动</a></li>
          <!-- 手机端登陆注册 -->
          <li class="mobile-login"><a href="">登陆</a><span class="line">|</span><a href="">注册</a></li>
          <!-- 手机端登陆注册-end -->
        </ul>
      </div>
    </div>
  </div>
  <!-- banner -->
  <div class="banner wow fadeIn">
    <ul class="slider clearfix">
      <li><a href="" style="background-image:url(./images/banner.jpg)"></a></li>
      <li><a href="" style="background-image:url(./images/banner.jpg)"></a></li>
      <li><a href="" style="background-image:url(./images/banner.jpg)"></a></li>
    </ul>
  </div>
  <!--banner-end-->

  <!-- feature -->
  <div class="feature" style="background-image: url(./images/feature_bg.png)">
    <div class="wid">
      <ul class="clearfix wow fadeInRight">
        <li class=" clearfix">
          <div class="f-con fl">
            <h2>简洁设计</h2>
            <p>国际化设计品位<br>
              VIP设计服务</p>
          </div>
          <div class="f-img fr"><img src="images/feature1.png" /></div>
        </li>
        <li class=" clearfix">
          <div class="f-con fl">
            <h2>优质主材</h2>
            <p>知名建材品牌<br>
              厂家直销</p>
          </div>
          <div class="f-img fr"><img src="images/feature2.png" /></div>
        </li>
        <li class=" clearfix">
          <div class="f-con fl">
            <h2>金品施工</h2>
            <p>蓝钻工程<br>
              安全、舒心、放心</p>
          </div>
          <div class="f-img fr"><img src="images/feature3.png" /></div>
        </li>
        <li class=" clearfix">
          <div class="f-con fl">
            <h2>绿色环保</h2>
            <p>环保家装<br>
              六重防护</p>
          </div>
          <div class="f-img fr"><img src="images/feature4.png" /></div>
        </li>
      </ul>
    </div>
  </div>
  <!-- feature-end-->

  <!-- 案例 -->
  <div class="index_case wid">
    <h1 class="tit wow fadeInDown">装修案例</h1>
    <ul class="case-tabs clearfix wow fadeInUp">
      <li class="active">现代风格</li>
      <li>古典简约</li>
      <li>美式风格</li>
      <li>北欧风格</li>
      <li>北欧风格</li>
    </ul>
    <div class="wow fadeIn">
      <div class="case-wrap">
        <ul class="case-list clearfix">
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
        </ul>
        <a href="" class="more-btn">查看更多</a>
      </div>
      <div class="case-wrap ">
        <ul class="case-list clearfix">
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
        </ul>
        <a href="" class="more-btn">查看更多</a>
      </div>
      <div class="case-wrap">
        <ul class="case-list clearfix">
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
        </ul>
        <a href="" class="more-btn">查看更多</a>
      </div>
      <div class="case-wrap">
        <ul class="case-list clearfix">
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
        </ul>
        <a href="" class="more-btn">查看更多</a>
      </div>
      <div class="case-wrap">
        <ul class="case-list clearfix">
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
          <li> <a href=""> <img src="images/case-img.png" />
              <div class="c-bottom clearfix"> <span class="name">保利花园</span>
                <sapn class="specific">三居 | 138m² | 美式风格</sapn>
              </div>
            </a> </li>
        </ul>
        <a href="" class="more-btn">查看更多</a>
      </div>
    </div>
  </div>
  <!-- 案例-end -->
  <!-- 主材配置 -->
  <div class="configure" style="background-image: url(./images/p_bg.jpg)">
    <div class="wid">
      <h1 class="c-tit wow fadeInUp">打造最具性价比的主材配置</h1>
      <h4 class="c-tit-small wow fadeInUp">一线品牌、品牌保证、厂家直销</h4>
      <div class="confi-con clearfix wow fadeInUp">
        <div class="confi-tabs fl wow fadeInLeft">
          <ul class="clearfix">
            <li>石材</li>
            <li>瓷砖</li>
            <li>地板</li>
            <li>卫浴</li>
            <li>木门</li>
            <li>五金</li>
          </ul>
        </div>
        <div class="confi-wrap fr wow fadeInRight">
          <div class="con-imgs">
            <ul class="clearfix">
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
            </ul>
          </div>
          <div class="con-imgs">
            <ul class="clearfix">
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
            </ul>
          </div>
          <div class="con-imgs">
            <ul class="clearfix">
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
            </ul>
          </div>
          <div class="con-imgs">
            <ul class="clearfix">
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
            </ul>
          </div>
          <div class="con-imgs">
            <ul class="clearfix">
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
            </ul>
          </div>
          <div class="con-imgs">
            <ul class="clearfix">
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
              <li><img src="./images/p1.png" /></li>
              <li><img src="./images/p2.png" /></li>
              <li><img src="./images/p3.png" /></li>
              <li><img src="./images/p4.png" /></li>
              <li><img src="./images/p5.png" /></li>
              <li><img src="./images/p6.png" /></li>
              <li><img src="./images/p7.png" /></li>
              <li><img src="./images/p8.png" /></li>
              <li><img src="./images/p9.png" /></li>
              <li><img src="./images/p10.png" /></li>
            </ul>
          </div>

        </div>
      </div>
    </div>
  </div>
  <!-- 主材配置-end -->
  <!-- design -->
  <div class="design wow fadeIn" style="background-image: url(./images/yuyue_bg.jpg)">
    <div class="wid clearfix"> <img src="images/gengdong.png" class="design-img" />
      <div class="forms">
        <input type="text" placeholder="您的地址" class="appoint_text" />
        <input type="text" placeholder="您的房屋面积" class="appoint_text" />
        <input type="text" placeholder="您的电话" class="appoint_text" />
        <input type="button" value="预约设计" class="appoint_btn" />
      </div>
    </div>
  </div>
  <!-- design-end -->
  <!-- 团队-->

  <div class="index-team wid">
    <h1 class="tit wow fadeInDown">设计师团队</h1>
    <h4 class="team-tit wow fadeInUp">入驻6万+优质网络媒体发稿资源入驻6万+优质网络媒体发稿资源</h4>
    <ul class="slider clearfix">
      <li class="wow fadeInRight">
        <div class="team-wrap">
          <div class="t-img"> <img src="images/team-img.png" /> </div>
          <div class="t-con">
            <div class="portrait"><img src="images/designer.png" /></div>
            <div class="name">马雅静</div>
            <div class="txt">弃物欲，尚简朴</div>
            <a href="" class="s-btn">预约设计</a>
          </div>
        </div>
      </li>
      <li class="wow fadeInRight">
        <div class="team-wrap">
          <div class="t-img"> <img src="images/team-img.png" /> </div>
          <div class="t-con">
            <div class="portrait"><img src="images/designer.png" /></div>
            <div class="name">马雅静</div>
            <div class="txt">弃物欲，尚简朴</div>
            <a href="" class="s-btn">预约设计</a>
          </div>
        </div>
      </li>
      <li class="wow fadeInRight">
        <div class="team-wrap">
          <div class="t-img"> <img src="images/team-img.png" /> </div>
          <div class="t-con">
            <div class="portrait"><img src="images/designer.png" /></div>
            <div class="name">马雅静</div>
            <div class="txt">弃物欲，尚简朴</div>
            <a href="" class="s-btn">预约设计</a>
          </div>
        </div>
      </li>
      <li class="wow fadeInRight">
        <div class="team-wrap">
          <div class="t-img"> <img src="images/team-img.png" /> </div>
          <div class="t-con">
            <div class="portrait"><img src="images/designer.png" /></div>
            <div class="name">马雅静</div>
            <div class="txt">弃物欲，尚简朴</div>
            <a href="" class="s-btn">预约设计</a>
          </div>
        </div>
      </li>
    </ul>
    <a href="" class="more-btn">查看更多</a>
  </div>
  <!-- 团队-end -->

  <!-- 参观工地 -->
  <div class="index-site" style="background-image: url(./images/site_bg.jpg)">
    <div class="wid clearfix">
      <div class="site-left fl">
        <ul class="clearfix">
          <li> <a href="#"><img src="images/site1.jpg" />
              <div class="site_btm">正在刷涂料的工地</div>
            </a> </li>
          <li> <a href="#"><img src="images/site2.jpg" />
              <div class="site_btm">正在做家具的工地</div>
            </a> </li>
          <li> <a href="#"><img src="images/site3.jpg" />
              <div class="site_btm">正在贴墙砖的工地</div>
            </a> </li>
          <li> <a href="#"><img src="images/site4.jpg" />
              <div class="site_btm">正在施工的工地</div>
            </a> </li>
        </ul>
      </div>
      <div class="site-right fr">
        <div class="site-forms">
          <h2>预约参观工地<small>免费量房+设计+预算</small></h2>
          <input type="text" placeholder="请输入您的手机号" class="site-input" />
          <button class="site-btn">立即预约</button>
        </div>
        <div class="site-construct">
          <h4>在建工程</h4>
          <div class="construct">
            <div class="cons-tit"> <span>工程名称</span> <span>面积</span> <span>状态</span> </div>
            <div class="cons-list">
              <ul>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
                <li><span>芙蓉锦绣精装三室</span><span>120平米</span><span>在建</span></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 参观工地-end -->
  <!-- 服务流程 -->
  <div class="index-service wid">
    <div class="service-process clearfix wow fadeInUp">
      <div class="process-tit">
        <h4>服务流程</h4>
        <p>SERVICE FLOW</p>
      </div>
      <ul class="clearfix fl">
        <li>
          <div class="pro-img"><img src="images/icon_1.png" /></div>
          <p><span class="num">01</span>在线预约</p>
        </li>
        <li>
          <div class="pro-img"><img src="images/icon_2.png" /></div>
          <p><span class="num">02</span>商务接待</p>
        </li>
        <li>
          <div class="pro-img"><img src="images/icon_3.png" /></div>
          <p><span class="num">03</span>实体参观</p>
        </li>
        <li>
          <div class="pro-img"><img src="images/icon_4.png" /></div>
          <p><span class="num">04</span>设计量房</p>
        </li>
        <li>
          <div class="pro-img"><img src="images/icon_5.png" /></div>
          <p><span class="num">05</span>签订合同</p>
        </li>
        <li>
          <div class="pro-img"><img src="images/icon_6.png" /></div>
          <p><span class="num">06</span>标准化施工</p>
        </li>
        <li>
          <div class="pro-img"><img src="images/icon_7.png" /></div>
          <p><span class="num">07</span>竣工验收</p>
        </li>
        <li>
          <div class="pro-img"><img src="images/icon_8.png" /></div>
          <p><span class="num">08</span>售后保障</p>
        </li>
      </ul>
    </div>
    <h1 class="tit wow fadeInDown">最新资讯</h1>
    <div class="index-news clearfix">
      <div class="index-news-left wow fadeInLeft">
        <div class="news-img"> <a href="#"><img src="images/news.jpg" /></a> </div>
        <div class="news-con ">
          <div class="news-tit"><a href="#">清新脱俗美式乡村风格</a></div>
          <div class="news-txt clearfix">
            <div class="date">2018<small>12-15</small></div>
            <div class="n-text">新脱俗美式乡村风格清新脱俗美式乡村风格 设计师 郭红 设计风格 美式乡村风格新脱俗美式乡村风格清新脱俗美式乡村风格 设计师 郭红 设计风格</div>
          </div>
        </div>
      </div>
      <div class="index-news-right wow fadeInRight">
        <div class="item">
          <div class="item-img"><a href="#"><img src="images/news_small.jpg" /></a></div>
          <div class="item-con">
            <div class="item-tit"><a href="#">重庆康力硅藻泥2013年3.</a></div>
            <p>1.全场产品7.8折优惠 2.满50㎡，1.全场产品7.8折优惠 2.满50㎡，
              赠送5㎡…赠送5㎡…</p>
          </div>
        </div>
        <div class="item">
          <div class="item-img"><a href="#"><img src="images/news_small.jpg" /></a></div>
          <div class="item-con">
            <div class="item-tit"><a href="#">重庆康力硅藻泥2013年3.</a></div>
            <p>1.全场产品7.8折优惠 2.满50㎡，1.全场产品7.8折优惠 2.满50㎡，
              赠送5㎡…赠送5㎡…</p>
          </div>
        </div>
        <div class="item">
          <div class="item-img"><a href="#"><img src="images/news_small.jpg" /></a></div>
          <div class="item-con">
            <div class="item-tit"><a href="#">重庆康力硅藻泥2013年3.</a></div>
            <p>1.全场产品7.8折优惠 2.满50㎡，1.全场产品7.8折优惠 2.满50㎡，
              赠送5㎡…赠送5㎡…</p>
          </div>
        </div>
      </div>
    </div>
    <a href="" class="more-btn wow fadeInUp">更多资讯</a>
  </div>

  <!-- 服务流程-end -->

  <!--footer-->
  <div class="footer wow fadeIn">
    <div class="foot-top">
      <div class="wid">
        <div class="foot-contact clearfix">
          <div class="clearfix">
            <div class="foot-logo"><a href="#"><img src="images/logo2.png" /></a></div>
            <div class="foot-nav clearfix">
              <dl>
                <dt><a href="#">关于我们</a></dt>
                <dd><a href="#">集团介绍</a></dd>
                <dd><a href="#">企业动态</a></dd>
                <dd><a href="#">人才招聘</a></dd>
                <dd><a href="#">员工登录</a></dd>
                <dd><a href="#">企业邮箱</a></dd>
              </dl>
              <dl>
                <dt><a href="#">客户服务</a></dt>
                <dd><a href="#">业主感言</a></dd>
                <dd><a href="#">参观工地</a></dd>
                <dd><a href="#">投诉建议</a></dd>
              </dl>
              <dl>
                <dt><a href="#">品牌力量</a></dt>
                <dd><a href="#">环保体系</a></dd>
                <dd><a href="#">蓝钻工程</a></dd>
                <dd><a href="#">五星售后</a></dd>
                <dd><a href="#">五零承诺</a></dd>
              </dl>
              <dl>
                <dt><a href="#">电商平台</a></dt>
                <dd><a href="#">天猫旗舰店</a></dd>
                <dd><a href="#">新浪案例库</a></dd>
              </dl>
            </div>
            <div class="foot-icons">
              <div class="bdsharebuttonbox"><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#"
                  class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_sqq" data-cmd="sqq"
                  title="分享到QQ好友"></a><a href="#" class="bds_ibaidu" data-cmd="ibaidu" title="分享到百度中心"></a></div>
              <script>
                window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","sqq","ibaidu"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>
              <div class="hotline">
                <h6>24小时装修服务热线</h6>
                <p>0356-46565788</p>
              </div>
            </div>
          </div>
          <div class="friendship"> <span class="friendship-tip">友情链接：</span>
            <div class="friendship-wrap clearfix"> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a>
              <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a>
              <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a>
              <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> </div>
          </div>
        </div>
      </div>
    </div>
    <div class="foot-bottom">
      <div class="wid">
        <div class="copyright">淮舟装饰家居集团股份有限公司版权所有© 2000-2018 京ICP备16022901号 | 京公网安备11010502001310号</div>

      </div>
    </div>
  </div>
  <div class="fixed-bar-wrap">
    <div class="wid">
      <div class="control-bar"></div>

      <div class="fixed-arrow"></div>
      <div class="calculation clearfix">
        <div class="cal-l">
          <div class="cal-tit">
            <span class="zx">装修计算器</span>今天已有<span class="cal-tit-num">588</span>位业主获取了装修预算
          </div>
          <div class="cal-wrap">
            <div class="cal-item clearfix" ss>
              <div class="cal-tip"><span>*</span>房屋户型</div>
              <div class="cal-con clearfix">
                <select>
                  <option>3室</option>
                  <option>2室</option>
                </select>
                <select>
                  <option>1厅</option>
                  <option>2厅</option>
                </select>
                <select>
                  <option>1厨</option>
                  <option>1厨</option>
                </select>
                <select>
                  <option>1卫</option>
                  <option>1卫</option>
                </select>
                <select>
                  <option>1阳台</option>
                  <option>2阳台</option>
                </select>

              </div>
            </div>
            <div class="cal-item clearfix" ss>
              <div class="cal-tip"><span>*</span>房屋面积</div>
              <div class="cal-con">
                <input type="text" placeholder="输入您的房屋面积" />
                <span class="m2">㎡</span>

              </div>
            </div>
            <div class="cal-item clearfix" ss>
              <div class="cal-tip"><span>*</span>手机号码</div>
              <div class="cal-con">
                <input type="text" placeholder="报价结果将发送到您的手机" />

              </div>
            </div>
            <div class="cal-item clearfix" ss>
              <div class="cal-tip"></div>
              <div class="cal-con">
                <input type="button" class="js-btn" value="开始计算" />

              </div>
            </div>
          </div>


        </div>
        <div class="cal-r">
          <img src="images/words.png" class="cal-r-img" />
          <div class="budget">您的装修预算<span id="zong">132569</span>元</div>
          <div class="bu-info">
            <p>材料费：<span id="cai">87858</span>元</p>
            <p>人工费：<span id="ren">58962</span>元</p>
            <p>设计费：<span id="she">7853</span>元</p>
            <p>质检费：<span id="zhi">1223</span>元</p>
          </div>


        </div>
      </div>
    </div>
  </div>
  <!--footer-end-->
  <!--右侧固定-->
  <div class="right-fixed">
    <ul>
      <li><a href="#"><img src="images/icon_zixun.png" /><span>在线咨询</span></a></li>
      <li><a href="#"><img src="images/icon_baojia.png" /><span>免费报价</span></a></li>
      <li><a href="#"><img src="images/icon_yuyue.png" /><span>预约设计</span></a></li>
      <li><a href="#"><img src="images/icon_case.png" /><span>案例解析</span></a></li>
    </ul>
    <div class="gotop"><img src="images/icon_gotop.png" /><span>返回顶部</span></div>
  </div>
  <!--右侧固定-end-->
  <div class="mask"></div>
  <script src="js/jquery.js"></script>
  <script src="js/lib.js"></script>
  <script src="js/wow.min.js"></script>
  <script src="js/slick.min.js"></script>
  <script src="js/common.js"></script>
  <script src="js/scroll.js"></script>
  <script>
    //工程在建项目上下滚动

    $(".cons-list").myScroll({
      speed: 40, //数值越大，速度越慢
      rowHeight: 30 //li的高度
    });
  </script>
</body>

</html>